<template lang="pug">
  .bill-table
    Modal(
      width="1200"
      v-model="isShowTableHuizongbaobiaoModal"
      title="汇总报表"
      class-name="vertical-center-modal"
      footer-hide
    )
      //- .clearfix.mb-40
        .font-14.line-h-28.pl-30.pr-30
          p.text-error.font-15.font-weight {{companyName}}：
          p.text-indent-2 根据贵司与我司签订的服务协议约定，请贵司在‎ <span class="text-error">{{payDeadLineDay}}</span>‎ 之前按照如下账单数据支付相关款项，谢谢。
          p.text-indent-2 请您在三个工作日内核对数据明细及总金额并回复确认。如在三个工作日内未收到您的回复，我司将视为您已确认以下应付款合计金额，并同意按此金额付款。
          Row.pt-20
            Col.pl-60(span="12" v-for="item of banks")
              p 付款账号{{item.alias}}
              p 账号全称：{{item.accountName}}
              p 开户行：{{item.bankName}}
              p 银行账号：{{item.accountNo}}
      .clearfix.mb-20
        span.display-inline-block 显示方式：
        Select.display-inline-block.w180(v-model="byActually" clearable @on-change="handleByActuallyChange")
          Option(v-for="(item, index) of arrListDown.byActuallyOps" :key="index" :value="item.value") {{item.label}}

      Table.hasTitle-table.beautiful-table.complex-table(:columns="thead" :data="newTableData" ref="table")
        .clearfix.font-14(slot="header")
          Row
            Col(span="8") 账单月份：{{year}}年{{month}}月
            Col.ellipsis(span="10") 单位名称：{{companyName}}
            Col(span="6")
              Button.pull-right.mt-8(type="info" @click="exportSummaryList") 导出
              Button.pull-right.mt-8.mr-10(type="info" @click="exportSummaryListPdf") 导出PDF
      
      p.pt-15.pb-15(v-if="remark") 备注：{{remark}}
</template>

<script>
import { tableHuizongbaobiaoThead } from './modalTableHead.js'
import _cloneDeep from 'clone-deep'
import Mixin from '../modalMixin/tableHuizongbaobiaoModalMixin.js'
export default {
  name: '',

  mixins: [Mixin],

  data () {
    return {
      thead: _cloneDeep(tableHuizongbaobiaoThead)
    }
  },

  watch: {
  },

  mounted () {
  },

  methods: {
  }
}
</script>

<style lang="less" scope>
</style>
